<jcpsm:pageContainer>
<c:if test="${not empty sessionScope.isUserLoggedIn}">
	<jsp:forward page="/profile/home.jsp"></jsp:forward>
</c:if>
<script type="text/javascript" src="${scriptRoot}/jquery.waterwheelCarousel.min.js"></script>

<div class="content">
<div class="content-left">
<div class="row1">
<h1 class="title">Welcome To <span>Schedule Manager</span></h1>
<p><strong style="color:red;">Schedule Manager</strong> is an internal application which helps PM to schedule 
shifts for support engineers in Sapient. This application keep track of shifts, comp-offs, vacations 
of support engineers. Anyone can view the last 5 scheduled shifts from the public view.</p>
<p>&nbsp;</p>
<p>This application provides the following</p>
<ul class="list1">
	<li>Easy way to schedule shifts</li>
	<li>Comp-off tracking</li>
	<li>User Management</li>
	<li>Monthly and weekly schedule view</li>
	<li>Schedule reminder</li>
	<li>Publish schedule through email</li>
</ul>
<p>&nbsp;<br>
<br>
</p>
</div>
<div class="row2" style="padding-top: 0px; padding-left: 0px">
<script type="text/javascript">
  $(document).ready(function() {
    $("#carousel").waterwheelCarousel({
      // include options like this:
      // (use quotes only for string values, and no trailing comma after last option)
      // option: value,
      // option: value
    });
  });
</script>
<div id="carousel">
<img width="200px" height="200px" style="box-shadow: 5px 5px 8px #888888;border:1px solid #000000" src="${mediaRoot}/image3.jpg" alt="Image 3" />
<img width="200px" height="200px" style="box-shadow: 5px 5px 8px #888888;border:1px solid #000000" src="${mediaRoot}/image1.jpg" alt="Image 1" />
<img width="200px" height="200px" style="box-shadow: 5px 5px 8px #888888;border:1px solid #000000" src="${mediaRoot}/image2.jpg" alt="Image 2" />
<img width="200px" height="200px" style="box-shadow: 5px 5px 8px #888888;border:1px solid #000000" src="${mediaRoot}/image4.jpg" alt="Image 4" />
</div>
</div>
</div>
<div class="content-right">
<div class="mainmenu">
<h2 class="sidebar1 roundcornerdiv">Login</h2>
<div class="contact-detail roundcornerdiv">
<s:form action="loginUser">
	<s:actionerror/>
	<s:textfield name="emailId" label="Email Id" cssClass="syle_input mrgbtm5" value="%{user.emailId}"/>
	<s:password name="password" label="Password" cssClass="syle_input mrgbtm5" value=""/>
	<s:submit cssClass="stylebutton fltrgt mrgrgt20" value="Login"/>
</s:form>
<table>
	<tr style="">
		<td colspan=2"><a href="${contextRoot}/registerUser">Create user</a><a
			style="float: right;" href="${contextRoot}/profile/forgotpassword.jsp">Forgot password</a></td>
	</tr>
</table>
</div>

</div>
<div class="contact">
<s:action name="loadLastFiveWeekList" executeResult="false"></s:action>
<h2 class="sidebar2">Recent Shifts</h2>
<ul>
	<c:forEach var="weekId" items="${sessionScope.lastFiveWeekIdList}" varStatus="index">
		
		<li><a href="${contextRoot}/loadScheduleForWeek?weekId=${weekId}" <c:if test="${index.index == 1}">style="color:#00AABB"</c:if>>Schedule for week starting ${weekId}</a></li>
	</c:forEach>
</ul>
</div>
</div>
</div>
</jcpsm:pageContainer>